		<script type="text/javascript">
		var options={
			w: 400,
			h: 400,
			num_elem: 30,
			mode: 'horizontal', //horizontal or virtical
			direction: 'left', //horizontal: left or right; virtical: up or down
			total: 162,
			url: 'mod_ja_contentslide.php',
			wrapper: 'ja-contentslider-center',
			duration: 1000,
			interval: 5000,
			modid: ,
			running: false,
			auto: 0
		};
		var jscontentslider = null;
		</script>

		<script type="text/javascript">
		//<!--[CDATA[
		function contentSliderInit () {
			jscontentslider = new JS_ContentSlider(options);
			elems = $('ja-contentslider-center').getElementsByClassName ('content_element');
			for(i=0;i<elems.length;i++){
				jscontentslider.update (elems[i].innerHTML, i);
			}
			jscontentslider.setPos(null);
			if(jscontentslider.options.auto){
				jscontentslider.nextRun();
			}

		    $("ja-contentslide-left-img").onmouseover = function(){setDirection('left',0);};
			$("ja-contentslide-left-img").onmouseout = function(){setDirection('left',1);};
		    $("ja-contentslide-right-img").onmouseover = function(){setDirection('right',0);};
			$("ja-contentslide-right-img").onmouseout = function(){setDirection('right',1);};
		}

		window.addEvent( 'load', contentSliderInit);

		function setDirection(direction,ret){
			jscontentslider.options.direction = direction;
			if(ret){
				$('ja-contentslide-'+direction+'-img').src = 'images-'+direction+'.png';
				jscontentslider.options.interval = 5000;
				jscontentslider.options.duration = 1000;
				jscontentslider.options.auto = 0;
				jscontentslider.nextRun();
			}
			else{
				$('ja-contentslide-'+direction+'-img').src = 'images-'+direction+'.png';
				jscontentslider.options.interval = 500;
				jscontentslider.options.duration = 500;
				jscontentslider.options.auto = 1;
				jscontentslider.nextRun();
			}
		}
		//]]-->
		</script>

		<div id="ja-contentslider" class="clearfix" >
	   <!--	<div id="ja-contentslider-left"><img id="ja-contentslide-left-img" src="images/button/slider-left.png" alt="Left direction" title="Thiet ke web" style="cursor:pointer;" /></div>-->
		<div id="ja-contentslider-center-wrap">
          <div id="ja-contentslider-center">
      		<div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
            <div class="content_element"></div><div class="content_element"></div><div class="content_element"></div>
          </div>
		</div>
		<!--<div id="ja-contentslider-right" ><img id="ja-contentslide-right-img" src="images/button/slider-right.png" alt="Right direction" title="Thiet ke web" style="cursor:pointer;" /></div>-->
		</div>

	
